$back: rgb(109,182,255);
$border: solid;
$color: #395674;
@mixin web($w,$h) {
    width: $w;
    height: $h;
    margin: 0 auto;
    @content; 
}

.web{
    @include web(1400px,1332px);
    
    header{
        @include web(1000px, auto);
        .box{
            @include web(1000px, 23px);
            background-color: $back;
        }

        .boxs{
            @include web(1000px,112px); 
            display: flex;
            justify-content: space-evenly;  
            align-items: center;
        }

        .boxs a{
            position: relative;
            top: 22px;
            color: black;
            text-decoration: none;
            margin: 5px;
        }

        .boxs a:hover{
            border-bottom: solid 2px;
            border-color: $color;
        }

        .boxs input{
            position:relative;
            top:20px;
        }

        .imgwone img{
            position:relative;
            top:26px;
            right:34px;
        }

    }

    main{
        @include web(1000px, auto);

        .cgf p{
            text-align:center;
            font-size: 32px;
            color: $color;
            position: relative;
            bottom: 300px;
        }

        #cx{
            position: relative;
            right: 145px;
        }

        #wf{
            position: relative;
            left: 145px;
        }

        .radio{
            width: 100px;
            height: 50px;
            display: flex;
            flex-direction: row;
            margin: 0 auto;
            p{
                width: 20px;
                height: 20px;
                background-color:$color;
                border-radius: 50%;
                margin: 5px 5px;
                position: relative;
                bottom: 132px;
            }
        }

        .line{
            border-top: 1px solid green;
            width: 400px;
            margin: 0 auto;
            position: relative;
            bottom: 50px;
            p{
                font-size:30px;
                position: relative;
                bottom: 20px;
                margin: 0 auto;
                line-height:20px;
                background-color:white;
                width:148px;
                height: 20px;
                text-align:center;
            }
            span{
                font-size: 1px;
                margin: 1px 1px;
            }
        }


        .transfer{
            width: 1000px;
            height: 300px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        .form{
            width: 388px;
            height: 274px;
            line-height: 40px;
        ul li a{
            text-decoration: none;
            color: red;
            margin-left: 10px;
        }   
        .twoniu{
            text-align: center;
        }
        .twoniu input:nth-child(1){
                background-color:#b3d9ff;
                width: 100px;
                border-radius: 5px;
            }
        .twoniu input:nth-child(2){
                width: 100px;
                border-radius: 5px;
            }
        }   
        
        }

        .boxstwo{
            width: 1000px;
            border: 1px solid $color;
        }
    }

    footer{
        @include  web(1000px,auto);
        .foot{
            @include web(1000px,212px);
            
        }
        .homes{
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            line-height:25px; 
            margin-top:80px;
           ul li h3{
                font-weight: bold;
                font-size: 20px;
                position: relative;
                bottom: 20px;
            }
        }
        
        .linebottom{
            @include web(1000px,80px);
            background-color:$back;
            margin-top: 28px;
            display: flex;
            align-items:flex-end;
            justify-content: center;
            line-height:50px;
            p{
                text-align: center;
            }
        }
    }
}